<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <router-view></router-view>
    <div class="footer">
      <table>
        <thead>
          <tr>
            <th>免费咨询热线</th>
            <th>通讯地址</th>
            <th>公众号：小微助手</th>
          </tr>
        </thead>
        <tbody>
          <tr><td><img class="foot-icon" src="../static/icon/QQ.png" alt="">QQ：33867092</td><td><img class="foot-icon" src="../static/icon/address.png" alt="">地址：江苏省泉山区金山东路11号2栋</td><td rowspan="3"><img src="../static/images/weixin.jpg" alt=""></td></tr>
          <tr><td><img class="foot-icon" src="../static/icon/wechat.png" alt="">微信：xvzhushou</td><td><img class="foot-icon" src="../static/icon/email.png" alt="">邮箱：wusehua2018@sina.com</td></tr>
          <tr><td><img class="foot-icon" src="../static/icon/phone.png" alt="">电话：0516-83968556</td><td><td></td></tr>
          <tr><td colspan="3" class="cetxt">Copyright&copy;2013-2018 徐州市五色花网络科技有限公司 所有 ALL Rights Reserved.网站ICP备案号：苏ICP备18005329号-2</td></tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: Microsoft YaHei;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}
.footer{
  width: 100%;
  background-color: #292929;
  padding: 15px 0;
}
.footer table{
  width: 1000px;
  margin: 0 auto;
  border-collapse: collapse;
}
.footer table th{
  font-weight: normal;
  text-align: left;
  color: #D9D9D9;
  padding: 10px 0;
  font-size: 14px;
}
.footer table td{
  color: #7B7E7D;
  padding: 2px 0;
}
.footer td img{
  width: 100px;
  height: 100px;
}
.footer td.cetxt{
  font-size: 12px;
  line-height: 40px;
  /* padding-left: 120px; */
}
.footer .foot-icon{
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 5px;
}
</style>
